﻿<?php
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_modern
 * @copyright   Copyright (c) 2011 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/**
 * Product view template
 *
 * @see Mage_Catalog_Block_Product_View
 */
?>
<ul class="product-tabs">
    <?php foreach ($this->getTabs() as $_index => $_tab): ?>
        <?php if($this->getChildHtml($_tab['alias'])): ?>
            <li id="product_tabs_<?php echo $_tab['alias'] ?>" class="<?php echo !$_index?' active first':(($_index==count($this->getTabs())-1)?' last':'')?>"><a href="#" value="<?php echo $_tab['title']?>"><?php echo $_tab['title']?></a></li>
        <?php endif; ?>
    <?php endforeach; ?>
</ul>
<?php foreach ($this->getTabs() as $_index => $_tab): ?>
    <?php if($this->getChildHtml($_tab['alias'])): ?>
        <div class="product-tabs-content" id="product_tabs_<?php echo $_tab['alias'] ?>_contents">
			<?php echo $this->getChildHtml($_tab['alias']) ?>
			<label class="label-tabs" id="<?php echo $_tab['alias'] ?>-label-tabs">
				<?php echo $_tab['title']?>
			</label>
		</div>
	<?php endif; ?>
<?php endforeach; ?>

<div class="back-to-top">
	<div class="dautrang"><a href="#">Đầu trang</a></div>
</div>

<script type="text/javascript">
//<![CDATA[
Varien.Tabs = Class.create();
Varien.Tabs.prototype = {
    initialize: function(selector) {
		var self=this;
		$$(selector+' a').each(this.initTab.bind(this));
    },

	initTab: function(el) {
	    el.href = 'javascript:void(0)';
		if ($(el.parentNode).hasClassName('active')) {
			this.showContent(el);
		}
		el.observe('click', this.showContent.bind(this, el));
	},

  showContent: function(a) {
    var li = $(a.parentNode), ul = $(li.parentNode);
    ul.select('li', 'ol').each(function(el){
        var contents = $(el.id+'_contents');
        if (el==li) {
			el.addClassName('active');
			contents.show();
        } else {
			el.removeClassName('active');
			contents.hide();
        }
    });
  }
}
new Varien.Tabs('.product-tabs');
//]]>
</script>
